<!DOCTYPE html>
<!-- saved from url=(0050)# -->
<html manifest="cache.manifest">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<title>享乐音乐播放器</title>
	<link rel="stylesheet" href="http://4.qdemo.sinaapp.com/reset.css">
	<link rel="stylesheet" href="http://4.qdemo.sinaapp.com/html5/audio/css/player.css?t=201206160123">
	<script src="musicPlayer_files/jquery-1.7.2.min.js"></script>
<style type="text/css">@media print { #feedlyMiniIcon { display: none; } }</style><link rel="stylesheet" type="text/css" href="chrome-extension://lfjamigppmepikjlacjdpgjaiojdjhoj/css/menu.css"></head>
<body onload="init();">
	<div id="all">
		<div id="main">
			<div id="loading" style="display: none; "><span class="loadico"></span><p>正在努力的加载ing...<br>最佳支持浏览器：chrome 19+</p></div>
			<div id="playMain" style="display: block; background:darkOrange;margin-top: 10px;width:620px;height:340px;top:0px;left:0px;margin-left:5px;margin-right:0px">
				<div class="playerContainer" id="playerContainer">
				<audio id="player" preload="preload" src="陈奕迅-K歌之王(国语版).mp3" controls="true">
				</audio></div>
				<header class="controls clearfix" style="float: left; background:darkOrange;width:288px;height:329px;margin-top:10px">
					<img id="bg_img" src="http://pic.top100.cn/SpecialImg/5/middle_special_41684.jpg" style="width: 290px;height: 249px;margin-left: 5px;">
                    <ul class="control">
                    	<li id="playBtn"><a href="javascript:play();" id="playIco" class="icon icoplay" title="播放/暂停"></a></li>
					   <li id="nextBtn"><a href="javascript:next();" class="icon iconext" title="下一首"></a></li>
					</ul>
					<section class="progress">
						<section id="progressContent" title="亲,拖动改变播放进度哦" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
							<p id="progress" style="width: 0%; "></p>
                            <p id="timer">00:00/04:00</p>
						<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%; "></a></section>
					</section>
					<section class="vol">
					   <a href="####" onclick="return false;" id="volicon" class="icon icovol fl"></a>
					   <section id="vol" class="fl ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" title="亲,拖动改变音量哦">
					   	<span id="volProgress" style="width: 50%; "></span>
						<a href="###" onclick="return false;" id="volCtrl" style="left: 50%; "></a>
					   <a href="##" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%; "></a></section>
					</section>
                </header>
				
				<section class="lrc clearfix" style="float: right;margin-top:10px;padding-right:10px;">
					<div id="lists" class="clearfix">
						<dt class="title" style="background: gold;">
							<h3>播放列表</h3>
						</dt>
						<dl id="musics" class="fl" style="background:#FFB90F;">
							<dd>
								<ul id="musicList">
									<li onclick="select(this);" num="0" class="cur">陈奕迅-K歌之王(国语版).mp3</li>
									<li onclick="select(this);" num="1" >Eminem-Beautiful</li>
									<li onclick="select(this);" num="2" >Eminem(阿姆)-Mockingbird</li>
								</ul>
							</dd>
						</dl>
					</div>
				</section>
				<footer class="footer clearfix" style="padding-top:16px">
					<span class="fl tips">更多精彩音乐尽在享乐音乐网</span>
					<a id="toggleListBtn" href="/ShareMusicProject/" onclick="return false;" title="列表/歌词切换" class="icon icomusic toggleList"></a>
				</footer>
			</div>
		</div>
	</div>
	<div class="bubtips clearfix" id="listTips">
        <div class="tipsContent">
         这里切换歌词和列表哦~
        </div>
		<a href="javascript:;" class="close" id="close"></a>
    </div>
</body>
<script src="musicPlayer_files/player.js"></script>
</html>